<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        var i = 10;
        var i = 1;
        //let 不能重复声明
        // let j=10;
        // let j=1;
        //let 有块级作用域，非函数的花括号遇见let会有块级作用域，也就是只能在花括号里面访问

        // if(){}
        // for(){}
        // while(){}
        // {
        //     var i=10;
        //     let j=10;
        //     console.log(j);
        // }
        // console.log(i);
        // console.log(j);

        //let 不会预解析进行变量提升
        // console.log(a);
        // var a = 10;
        // console.log(j);
        // let j = 10;

        //let定义的全局变量不会作为window的属性
        var a = 10; //a会变成window对象的属性
        let b = 10;
        console.log(window.a);
        console.log(window.b);


        //let在es6中推荐优先使用
        //const就是不可修改的let   final修饰的变量
        // let a=10;
        // a=20;
        // //onst b=10;
        // const pi=3.14;


        // const teacher=["zhanglaoshi","wnaglaoshi","lilaoshi"];
        // //teacher=["","",""];
        // teacher.push=("chenlaoshi")


        //模版字符串  字符串换行和字符串拼接问题
        //" "  ' '处理字符串不支持多行
        let city = '北京'
        let info = "<ul>" +
            "<li>" + city + "</li>" +
            "<li></li>" +
            "<li></li>" +
            "<li></li>" +
            "<li></li>" +
            "</ul>"

        let scr = `<ul>
                    <li>${city}</li>
                    <li></li>
                </ul>`
                console.log(scr);

                
    </script>
</head>

<body>


</body>

</html>